:root {
  --article-srect-background: repeating-linear-gradient(145deg, #f2f6fc, #f2f6fc 15px, #fff 0, #fff 25px);
  --background-color: #ffffff;
  --comment-bgc:#f5f5f5;
  --read-type-bgc:linear-gradient(135deg, #f1329c, #f37716);
  --read-cover-before-bgc:linear-gradient(180deg, #37373700, #ccc);
  --header-bgc:#fefaf9;
  --body-gbc: linear-gradient(0.25turn, #f6d6b4, #b1dcf3, #ebf8e1 );
  --footer-bgc:linear-gradient(-45deg, #ffcfc3, #b0ddf5, #baf8e5);
  --footer-text-c:#00000
}

html.dark{
  --article-srect-background: repeating-linear-gradient(145deg, #000, #000 15px, #303133 0, #303133 25px);
  --background-color: #232323;
  --comment-bgc:#303030;
  --read-type-bgc:linear-gradient(135deg, #2362ea, #b625ef);
  --read-cover-before-bgc:linear-gradient(180deg, #37373700, #656262);
  --header-bgc:#0f0f0f;
  --body-gbc: linear-gradient(0.25turn, #494848, #374b54, #4a4d4a);
  --footer-bgc:linear-gradient(-45deg, #6c6262, #506a75, #4a655a);
  --footer-text-c:#eee
}
